<template>
	<view class="card">
		<view v-if="showHeader" class="p-2 border-bottom main-border-color">
			<slot name="title">
				<text v-if="headTitle" class="font-md font-weight">{{headTitle}}</text>
			</slot>
		</view>
		<view>
			<image v-if="bodyCover" :src="bodyCover" mode="widthFix"/>
			<slot />
		</view>
	</view>
</template>

<script>
	export default{
		props: {
			headTitle: String,
			bodyCover: String,
			showHeader: {
				type: Boolean,
				default: true
			}
		}
	}
</script>

<style>
</style>